Forms
It always nice to receive
feedback about your web site :-) HTML forms provide
a way to prompt the reader for information such as "Do you like my site?", "How do I
become a millionaire?",
"Does anyone know the
meaning of life?" - you
get the idea!
A HTML form is contained between the
tags, <FORM> and
</FORM> Between
these tags, one or more <INPUT>, <SELECT>
or <TEXTAREA> tags
should appear. All of these tags have associated attributes
which are shown in the example below. I have found the
best way to understand how HTML forms work is by example,
so here goes...
Here is the HTML source code for the
above form. NB: if you do not include a Submit button then your form cannot be transmitted.
The destination E-mail address for the form appears
after MAILTO:
<form method="post"
action="MAILTO:html@myatari.net"> <pre>
Surname: <input
type="text" name="surname" size="30">
First name: <input type="text"
name="firstname" size="30">
Address: <input
type="text" name="address1" size="30">
<input
type="text" name="address2" size="30">
<input
type="text" name="address3" size="30">
Zip:
<input type="text" name="zip"
size="15"> Country:
<select name="country"> <option>FRANCE</option>
<option>GERMANY</option> <option>ITALY</option>
<option>SPAIN</option> <option>SWEDEN</option>
<option>UK</option></select>
E-mail: <input
type="text" name="email" size="30">
URL:
<input type="text" name="url"
size="30"> Age:
<input type="radio" name="under"
value="1"> under 25 <input
type="radio" name="over" value="2">
over 25 I
use a : <input type="checkbox" name="st">
Atari ST/STe <input
type="checkbox" name="falcon">
Falcon030 <input
type="checkbox" name="other">
Other OS:
<select name="os" multiple> <option>TOS
1.0</option> <option>TOS 1.2</option>
<option>TOS 1.4 Rainbow TOS</option>
<option>TOS 1.6x</option> <option>TOS
2.06</option> <option>TOS 3.06</option>
<option>TOS 4.x</option> <option>MagiC</option>
<option>Geneva</option></select>
Password: <input
type="password" name="password"
size="30"> Rate my
site: <select name="rate"> <option>10/10</option>
<option>9/10</option> <option>8/10</option>
<option>7/10</option> <option>6/10</option>
<option>5/10</option> <option>4/10</option>
<option>3/10</option> <option>2/10</option>
<option>1/10</option></select>
Message:
<textarea name="message" rows="4"
cols="30"></textarea>
<input
type="submit"> <input type="reset"></pre>
</form> |